
<template>
  <div class="demo-button">
    <wd-row>
      <wd-button type="primary" :time="1000" @click="handleClick">防抖按钮</wd-button>
      <wd-button type="primary" :isDebounce="false" @click="handleClick">不使用防抖</wd-button>
    </wd-row>
  </div>

</template>
<script lang="ts">
import {defineComponent} from "vue";
import { ElMessage } from "element-plus";

export default defineComponent({
  methods: {
    handleClick(event: any) {
        ElMessage({
            message: "点击了按钮",
            type: "success",
        });
    }
  }
});
</script>
 
  <style lang="less" scoped>
.demo-button .wd-row {
  margin-bottom: 20px;
}
.demo-button .wd-row:last-child {
  margin-bottom: 0px;
}
</style>